🎡 Spin & Win Widget (Enhanced Edition)

By Vincent Markesino • Typically Caffeinated Labs

An interactive, single-file gamified lead tool built for modern marketers.
Fully offline-capable, self-contained, and customizable — no CDNs, no backend, no nonsense.

⚙️ Core System

Single-File Offline Engine — Runs entirely in one HTML file with inline CSS + JS.

Fully Editable Slices — Customize labels, colors, probabilities, and coupon values in real time.

Local Persistence — Saves campaign ID, limits, color mode, and slices automatically.

Embed Anywhere — Copy-paste iframe snippet into any website, GoDaddy builder, or portal.

Responsive Design — Auto-scales for desktop, tablet, or mobile with smooth resize.

Under 1.5 MB — Lightning-fast load, zero external calls.

🧭 Interface & Control

Collapsible Editor Panel — Instantly hide the setup side and expand the wheel fullscreen.

Auto-Collapse Option — Automatically closes the editor when a spin begins.

Fullscreen Mode — Dedicated button centers the wheel for maximum impact.

Quick Theme Switcher — Toggle Dark / Light / Neon modes live.

Wheel Text Size Slider — Adjust legibility for any display or branding style.

💡 Customization Options

Parallax Background Layers — Three animated light fields that respond to mouse movement (toggle on/off).

Sound Engine — Real audio feedback (ticking + victory jingle), powered by Web Audio API.

Spin Limits — Restrict attempts by Session, Day, Week, or Forever.

User Capture — Prompt for Name / Email before spin (optional).

Webhook Support — Sends results or sign-ups to your API endpoint via POST or Beacon.

Brand Color Control — Live accent and highlight customization.

🎇 Post-Spin Animation Suite

Each effect is toggle-able or randomized:

Confetti Storm — classic square burst.

Fireworks FX — radiant particles with fade trail.

Starburst Lines — sleek geometric rays.

Emoji Rain — 🎉 💎 🔥 ⭐ 💥 drops from above.

Randomizer — picks a new animation each spin.

None — for minimalist deployments.

🔐 User Limits & Logic

Spin Counter — Tracks per-user attempts in localStorage.

Time-based Reset — Daily / Weekly auto-expiration.

Offline Safe — Works even without network connection.

🧰 Advanced Features

JSON Export / Import — Clone entire campaign settings instantly.

Sample Data Loader — One-click demo wheel to test look & feel.

Config Autosave — Persists every change locally.

Lightweight Telemetry — Webhook POST for analytics integrations.

🧠 Use Cases

Promo wheels for e-commerce discounts or lead capture.

Giveaway campaigns at events or kiosks (without internet).

Loyalty reward mechanic for repeat visitors.

Gamified email opt-ins or social follows.

Classroom and team-building spinners for fun or training.

🪶 Design Notes

Typically Caffeinated Aesthetic — deep tones, soft shadows, fluid motion.

Accessibility — large click zones, keyboard friendly, high contrast modes.

Privacy First — No tracking, cookies, or external requests unless you enable a webhook.

📦 Future Roadmap

Signature brand launcher button (modal popup mode).

Leaderboard / entry logging option.

Multi-language i18n support.

Advanced visual themes (pack system).

💬 Tagline

“Spin it. Win it. Brand it your way.”
A self-contained marketing engine for modern creators and marketers — by Vincent Markesino.